# Bundle overall

## Overview

On the homepage of **Rsdoctor**, we can see a card called `Bundle Overall`, which provides information about the **build artifacts** of the current project. The content is shown in the following image:

<img
  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-overall-1.png"
  width="400px"
  height="500px"
  style={{ margin: 'auto' }}
/>

## Glossary

| Term                             | Description                                                                                  |
| -------------------------------- | -------------------------------------------------------------------------------------------- |
| <b><i>total files</i></b>        | Represents the total number of files in the artifacts                                        |
| <b><i>total size</i></b>         | Represents the total size of all files in the artifacts                                      |
| <b><i>js files</i></b>           | Represents the number of `.js` files in the artifacts                                        |
| <b><i>css files</i></b>          | Represents the number of `.css` files in the artifacts                                       |
| <b><i>image files</i></b>        | Represents the number of `.png`/`.jpg`/`.svg`/`.webp`/`.jpeg`/`.gif`/`.bmp` files            |
| <b><i>font files</i></b>         | Represents the number of `.ttf`/`.fnt`/`.fon`/`.otf`/`.woff`/`.woff2` files in the artifacts |
| <b><i>media files</i></b>        | Represents the number of `.mp3`/`.mp4`/`.avi`/`.wav`/`.flv`/`.mov`/`.mpg`/`.mpeg` files      |
| <b><i>html files</i></b>         | Represents the number of `.html` files in the artifacts                                      |
| <b><i>modules</i></b>            | Represents the total number of modules in the artifacts                                      |
| <b><i>duplicate packages</i></b> | Represents the total number of duplicate packages in the artifacts                           |

## Usage instructions

### View bundle artifacts

- The **"TOTAL Size"** data on the card represents the total size of the project. Clicking on this number will navigate to the [Bundle Size](./bundle-size.mdx)

- The card also displays the number and total size of different file types. Clicking on the corresponding blue icon will display the list of files, as shown in the following image:
  - **Initial:** Refers to the Chunk being the main chunk of the entry.

<img
  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-overall-files.png"
  width="400px"
  height="600px"
  style={{ margin: 'auto' }}
/>

### [Duplicate Packages](../../blog/topic/duplicate-pkg-problem.mdx)

If the `Duplicate Packages` number on the card is greater than 0, you can **click to view the details of the duplicate packages**. The content is shown in the following image:

<img
  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-overall-dup-pkg.png"
  width="600px"
  style={{ margin: 'auto' }}
/>

Here, you can see the list of all duplicate packages detected by Rsdoctor in the current build artifacts.
